<!DOCTYPE html>
<html lang="zh">

  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta content="telephone=no" name="format-detection">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="keywords" content="" /> <!-- 关键字 -->
    <meta name="description" content="" /> <!-- 描述 -->
    <!-- 引入css -->
    <link rel="stylesheet" href="./css/ionic-change.css">
    <link rel="stylesheet" href="./css/store.css">
    <title>确认订单</title>
  </head>

  <body>
    <div class="container">
      <div class="main" style="margin-bottom: 0.98rem;">
        <div class="confirm_main">
          <div class="confirm_main--item">
            <div class="confrim_top">
              <img src="./images/car01.png" alt="">
            </div>
            <div class="car_info">
              <span class="title">新BMW 4系敞篷轿跑车</span>
              <p class="order">
                <span class="name">三厢</span>
                <span class="type">2.0自动</span>
                <span>乘坐5人</span>
              </p>
            </div>
          </div>
          <div class="confirm_times">
            <div class="left">
              <span>2天</span>
            </div>
            <div class="right">
              <div class="quche_time">
                <div class="confirm_times2">
                  <span class="date">08月25日</span>
                  <span class="time">今天17:15</span>
                </div>
                <div class="confirm_info">
                  <span class="stauts">到店取车</span>
                  <span class="address">杭州－萧山区－萧山机场店</span>
                </div>
              </div>
              <div class="hc_time">
                <div class="confirm_times2">
                  <span class="date">08月25日</span>
                  <span class="time">今天17:15</span>
                </div>
                <div class="confirm_info">
                  <span class="stauts">到店取车</span>
                  <span class="address">杭州－萧山区－萧山机场店</span>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- 费用详情 -->
        <div class="Cost_main">
          <div class="cost_title"><span>基本费用</span></div>
          <div class="Cost_price">
            <div class="cost_price--item">
              <span class="txt">车辆租赁及服务费</span>
              <p><span>2</span>×<span>800</span>=<em>￥1600</em></p>
            </div>
            <div class="cost_price--item">
              <span class="txt">基础服务费<img src="./images/wh.png" alt=""></span>
              <p><span>2</span>×<span>40</span>=<em>￥1600</em></p>
            </div>
          </div>
          <div class="service">
            <div class="cost_title"><span>选择服务</span></div>
            <div class="cost_price--item">
              <span class="txt driver">带司机<img src="./images/wh.png" alt=""></span>
              <p><span>2</span>×<span>40</span>=<em>￥80</em></p>
            </div>
          </div>
          <div class="Discount">
            <div class="cost_title"><span>可用优惠</span></div>
            <div class="cost_price--item">
              <span class="txt">优惠劵抵扣</span>
              <div class="use_discount">
                <input type="text" placeholder="订单结算时选择使用" disabled>
                <img src="./images/left.png" alt="" class="left_go">
              </div>
            </div>
          </div>
          <!-- 开具发票 -->
          <div class="invoice">
            <div class="cost_title"><span>开具发票</span></div>
            <div class="cost_price--item">
              <span class="txt">开具发票</span>
              <div class="use_discount">
                <input type="text" placeholder="增值税普通发票" disabled>
                <img src="./images/left.png" alt="" class="left_go">
              </div>
            </div>
          </div>
          <div class="User_knowledge">
            <div class="cost_title"><span>用户须知</span></div>
            <div class="User_knowledge_con">
              <ul>
                <li>1.需下单会员本人取车。</li>
                <li>2.取车时请携带：本人二代身份证、本人国内有效驾驶证正副本、
                  本人一张信用及可用额度均不低于3000元的国内有效信用卡。</li>
                <li> 3.所有证件有效期须至少超过当次租期的一个月以上。</li>
                <li>4.用车超时需另加超时费，具体费用以当时车辆租金为准。</li>
              </ul>
            </div>
          </div>
          <div class="Agree"><span></span>已仔细阅读并同意<em>《订单说明及退改规则》</em></div>


        </div>


      </div>
      <div class="con_foot">
        <ul>
          <li>
            <p>总金额<span class="sum">￥1800</span></p>
          </li>
          <li class="confirm_btn">
            提交订单
          </li>
        </ul>
      </div>
    </div>
    <!-- 基础服务费 -->
    <div class="mask hide">
      <div class="service_info">
        <div class="service_info--item">
          <div class="title">带司机</div>
          <div class="con">
            必选部分，用户只需承担1500元以
            内的车辆损失费。
          </div>
        </div>
        <div class="Explain_btn">
          我知道了
        </div>
      </div>
    </div>
    <!-- 带司机 -->
    <!-- 选择司机 -->
    <div class="mask2 hide">
      <div class="Explain">
        <div class="Explain--item">
          <div class="title">带司机</div>
          <div class="con">
            连续多日订单，驾驶员需要陪同在异地过夜的情况下，客户需要按300元/晚的标准支付食宿费；连续多日订单但在同城内，驾驶员可回家休息的情况下，该费用用户不需要支付。
          </div>
        </div>
        <div class="Explain_btn">
          我知道了
        </div>
      </div>
    </div>
    <script src="./js/jquery.min.js"></script>
    <script src="./js/rem.js"></script>
    <script>
      $('.Cost_price .cost_price--item .txt').on('click', function () {
        $(".mask").fadeIn(300);
      })
      $('.Explain_btn').on('click', function () {
        $(".mask").fadeOut(300);
      })
      $('.driver').on('click', function () {
        $(".mask2").fadeIn(300);
      })
      $('.Explain_btn').on('click', function () {
        $(".mask2").fadeOut(300);
      })
      //选择司机
      $('.Agree').on('click', function () {
        $(this).children().toggleClass("active");
      })
      $('.confirm_btn').on('click',function(){
        location.href=""
      })
    </script>
  </body>

</html>